<!DOCTYPE HTML>
<html>
<#include "headImport.html">
<style>
.cxcyxm-list {
    margin-top: 18px;
}
.cxcyxm-list .cxcyxm-item {
    float: left;
    width: 340px;
    height: 240px;
    overflow: hidden;
    margin-left: 10px;
    margin-left: 10px;
    position: relative;
}
.cxcyxm-list .cxcyxm-item .cxcyxm-img img {
    width: 100%;
    height: 190px;
}

.cxcyxm-item a.cxcyxm-img  span.cyxmName {
    /* width: 100%; */
    height: 48px;
    background-color: #fff;
    color: #4168DF;
    font-size: 18px;
    line-height: 42px;
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0px;
    right: 0px;
    text-align: left;
    /* padding-left: 5px; */
    /* font-weight: bold; */
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}
</style>
<head>
<body>
<!-- 头部导航 -->
	<#include "newHeader.html">
	<div class="container1100 subMenu" >
		<span style="margin-left:0px;">当前位置：首页<#if (currentNav.parentName)??>&gt;&gt;${(currentNav.parentName)!}</#if>&gt;&gt;${currentNav.name!}</span>
	</div>
	<div class="container1100 clearfix" style="margin-top:50px;"> 
			<section class="shadow">
				<div class="cxcyxm-list clearfix">
					<#if top3List??> 
					<#list top3List as cy>
					<div class="cxcyxm-item"
						<#if cy_index==0>style="margin-left:0px;"<#else>style="margin-left:40px;"</#if>>
						<a class="cxcyxm-img" href="cms.action?cxcyxmInfo&id=${cy.id!}">
						<img width="340" height="190" src="${cy.imgPath!}">
						<span class="cyxmName">《${cy.name!}》</span>
						</a>       
	      			</div>
					</#list> 
					</#if>
				</div>
				<div class="cxcyxm-list clearfix">
					<#if mid3List??> 
					<#list mid3List as cy>
					<div class="cxcyxm-item"
						<#if cy_index==0>style="margin-left:0px;"<#else>style="margin-left:40px;"</#if>>
						<a class="cxcyxm-img" href="cms.action?cxcyxmInfo&id=${cy.id!}">
						<img width="340" height="190" src="${cy.imgPath!}">
						<span class="cyxmName">《${cy.name!}》</span>
						</a>       
	      			</div>
					</#list> 
					</#if>
				</div>
				<div class="cxcyxm-list clearfix">
					<#if bottom3List??> 
					<#list bottom3List as cy>
					<div class="cxcyxm-item"
						<#if cy_index==0>style="margin-left:0px;"<#else>style="margin-left:40px;"</#if>>
						<a class="cxcyxm-img" href="cms.action?cxcyxmInfo&id=${cy.id!}">
						<img width="340" height="190" src="${cy.imgPath!}">
						<span class="cyxmName">《${cy.name!}》</span>
						</a>       
	      			</div>
					</#list> 
					</#if>
				</div>
			</section> 
			<#if pager??>  		
			<div class="page-large">
				<div style="display:inline-block;">
						<#if pager.showPre>
							<a href="#" class="prev-page" onclick='location.href=encodeURI("${pager.preUrl!}");'></a>
			     		</#if>
			     		<#list pager.pagerIndexs as pi>
			     			<a class="Num <#if pi.activePage>on</#if>" href="#" onclick='location.href=encodeURI("${(pi.url)!}");'>${(pi.pageNo)!}</a>
			     		</#list>
			     		<#if pager.showNext>
			     			<a class="next-page" href="#" onclick='location.href=encodeURI("${pager.nextUrl!}");'></a>
			     		</#if>
				</div>
			</div>
			</#if>
	</div>


	<#include "footer.html">
</body>
</html>